React Native Complete Course with Router, Hooks and Context

Hello there,

Welcome to React Native Complete Course with Router, Hooks and Context course.

React Native with Full React Native, Router, Hooks and Context course. Build React Native (web, cli, expo) skills.

React-Native is a library developed by the React team and it is widely used to create mobile applications for both Android and IOS. You do not need to learn Java, Android, Swift, Objective-C, or anything of that. For mobile developmentReact is all you need to create awesome mobile apps that work on both Android and iOS.

React Native enables programmers to write true native apps in JavaScript across multiple platforms at once, eliminating the need to code for iOS and Android separately. React Native also includes features like “hot reloading,” which have made the framework a favorite among efficiency-minded developers.

In the react native full course, we are going to tell you what dependencies you need to install and how in detail, to be able to create mobile apps on both MAC and Windows. We are going to use free tools and platforms so you don't have to buy any tool or app. You are going to learn how to run an Android and IOS simulator on your MAC or Windows computer. Besides, with the Expo app, you will be able to run your apps on your own mobile device as well.

Later on the course, we are going to learn the basics of React and React Navigation. JSX, 'props system' and 'state system' are going to be crystal clear for you at the end of the course. We are going to create nice-looking reusable components. You are going to be able to use these reusable components in your own future projects.

Finally, you are going to learn the latest React features "React Hooks and React Context" system. We are going to create two nice-looking app, teach you "Hooks and Context" in a very detailed way. You are going to learn how to use "state" in functional components with the "Hooks" system and with "Context API" you won't need any third-party package to manage the Application state.

React is an essential Javascript framework for web development. It is the most popular framework for developing web, mobile, and desktop app user interfaces.

We tried to tell all complex topics in very detail on the course. We used some diagrams to tell some important topics and created a nice-looking mobile application. We showed two different ways to create a mobile app. We showed both react-native-cli and expo-cli in our course.

At the end of the course;

• Basics of React, React-Native, React-Navigation libraries

• How to send an HTTP request from a mobile application

• How to use flex-box system

• How to create reusable components

• To reach another app on the device from our app

• Creating your own mobile app both with react-native-cli and expo-cli

• Creating Context with Class Based and Functional Components

• How to Consume Context in Class-Based and Functional Components

• How to Use Multiple Context in one single component

• Hooks Functions(useState, useEffect, useReducer, useContext...)

• Creating Reducer and

• Using Reducer is going to be clear for you.

• React and react-native full course with router, hooks and context

• React-native firebase, react native web, react native cli, react native expo, react native android and ios

• The complete React native with router, hooks and contexts

• Learn mobile development

Why would you want to take this course?

Our answer is simple: The quality of teaching.

No prior knowledge is needed!

It doesn't need any prior knowledge to learn it and React is easy to understand for beginners.

This course starts with very basics. First, you will learn how to install the tools, some terminology. Then the show will start and you will learn everything with hands-on practice. I'll also teach you the best practices and shortcuts.

Step-by-Step Way, Simple and Easy With Exercises

By the end of the course, you’ll have a firm understanding of React and valuable insights on how things work under the hood and you'll also be very confident in the basics of coding and game development, and hungry to learn more. The good news is since the Free and popular tools are used you don’t need to buy any tool or application.

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

• Seeing clearly

• Hearing clearly

• Moving through the course without distractions

You'll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Udemy Certificate of Completion Ready for Download

Dive in now to our React Native Complete Course with Router, Hooks and Context course

We offer full support, answering any questions.

See you in the course!

• Welcome to Complete React, React Native Router, Hooks and Context Course 04:43

  • 1: How To Get Help 01:43
  • 2: Github Complete Course Repo 01:00
  • 3: FAQ about React Native, Router, Hooks and Context 02:00

• React Native - Set Up For Windows 30:32

  • 4: Free Tools For Windows 07:25
  • 5: Windows Setup for React Native 05:33
  • 6: How To Start Emulator in Android Studio 15:34
  • 7: Android Emulator Setup Checklist 02:00

• React Native - Setup For OSX 13:46

  • 8: Free Tools for IOS 04:47
  • 9: OSX Setup for React Native 04:46
  • 10: Start The Emulator 03:13
  • 11: MAC IOS Emulator Setup Checklist 01:00

• React Native and Expo 09:04

  • 12: React Native on Mobile Device 02:18
  • 13: Expo CLI Project 06:46

• React Native and JSX 1:04:05

  • 14: How To Create An App 02:51
  • 15: See Content on Emulator 03:52
  • 16: Why Do We Need React and React Native 03:50
  • 17: Es6 Syntax ( Let,Const, Var ) 05:34
  • 18: First Component 08:41
  • 19: How To Show Component on Device 10:26
  • 20: How to Build Our First App 06:46
  • 21: How To Connect A Component To The Root Component 12:08
  • 22: Import A Component To Another Component 08:57
  • 23: quiz 01:00

• Styling For React Native 46:13

  • 24: Styling With JSX 13:44
  • 25: Displaying Of Views 10:45
  • 26: Header Component’s Styling 04:18
  • 27: React Props 07:55
  • 28: How To Reuse Code With Props System 08:31
  • 29: quiz 01:00

• API Request With React Native 26:17

  • 30: How To Show a List To The User 06:59
  • 31: The List Component 08:34
  • 32: Func Component vs Class Based Component 10:44

• LifeCycle Methods 29:06

  • 33: When Do We Need Lifecycle Methods 09:59
  • 34: LifeCycle Methods 08:12
  • 35: Making Request With Axios 09:55
  • 36: quiz 01:00

• State in React Native 1:11:17

  • 37: What Is State And How To Initial State 08:44
  • 38: Using of State 11:07
  • 39: A Component’s Lifecycle With State 04:58
  • 40: List Component 08:23
  • 41: List Item Component 10:14
  • 42: Reusable Components 06:28
  • 43: Styled Component for ListItems 05:19
  • 44: Usage of Props.children 05:46
  • 45: ItemSection 09:18
  • 46: quiz 01:00

• Layout With Flexbox 59:40

  • 47: Intro to the Flexbox 06:47
  • 48: Section Header Component 06:04
  • 49: How To Show An Image 12:46
  • 50: Scrollable Content 05:23
  • 51: User Interaction with React Native 09:44
  • 52: Event Handlers 13:13
  • 53: How To Open Another App (Browser) 04:43
  • 54: quiz 01:00

• Router Expo CLI Project 22:31

  • 55: Router Expo CLI Project 02:50
  • 56: See The Content On A Device or Emulator 05:12
  • 57: What Is Router And Installation 04:38
  • 58: Setting up a Router in Project 09:51

• FlatList 37:47

  • 59: Flatlist 06:12
  • 60: Rendering A List With FlatList 08:09
  • 61: How Does FlatList Work 06:21
  • 62: Giving the Key Prop 08:42
  • 63: FlatList Props 07:23
  • 64: quiz 01:00

• Route Different Screens 36:59

  • 65: Book Detail Screen 06:21
  • 66: Navigate Between Screens 12:13
  • 67: Navigating from a Child Component 05:26
  • 68: Navigation Function 05:46
  • 69: Data Transfer Between Screens 07:13

• React Native Hooks and Context 03:07

  • 70: Hooks and Context 03:07

• Context API Project 1:00:19

  • 71: Let's Create First Application 14:43
  • 72: What Is Context API and Why We Use It_ 06:07
  • 73: Context and Provider 08:36
  • 74: Context Provider 05:21
  • 75: Accessing Context 11:44
  • 76: Let's Access Context Data from TodoList Component 05:23
  • 77: Accessing Context with Context Consumer 07:25
  • 78: quiz 01:00

• Update Context 18:43

  • 79: Updating Context Data 08:32
  • 80: Creating Multiple Contexts 09:11
  • 81: quiz 01:00

• Consume Multiple Context 11:06

  • 82: Consuming Multiple Contexts 10:06
  • 83: quiz 01:00

• Hooks 1:09:30

  • 84: Intro to Hooks 04:01
  • 85: Setup Hooks Project 09:44
  • 86: UseState Hooks 13:35
  • 87: UseState with Forms 15:38
  • 88: UseEffect Hook 10:43
  • 89: Hooks with Context 08:57
  • 90: Consuming Multiple Context with useContext 05:52
  • 91: quiz 01:00

• Context With Functional Component 35:28

  • 92: Creating Context with Functional Components 05:48
  • 93: Hooks and Context 12:47
  • 94: Adding New Todo with Hooks and Context 15:53
  • 95: quiz 01:00

• Reducers 34:33

  • 96: Remove Todo 09:16
  • 97: Use Reducers 06:12
  • 98: Adding a Reducer 13:17
  • 99: Move useReducer Into Its Own File 04:48
  • 100: quiz 01:00

Hello there,

Welcome to React Native Complete Course with Router, Hooks and Context course.

React Native with Full React Native, Router, Hooks and Context course. Build React Native (web, cli, expo) skills.

React-Native is a library developed by the React team and it is widely used to create mobile applications for both Android and IOS. You do not need to learn Java, Android, Swift, Objective-C, or anything of that. For mobile developmentReact is all you need to create awesome mobile apps that work on both Android and iOS.

React Native enables programmers to write true native apps in JavaScript across multiple platforms at once, eliminating the need to code for iOS and Android separately. React Native also includes features like “hot reloading,” which have made the framework a favorite among efficiency-minded developers.

This course is for all levels. To be able to take this course, all you need is a basic understanding of JavaScript.

In the react native full course, we are going to tell you what dependencies you need to install and how in detail, to be able to create mobile apps on both MAC and Windows. We are going to use free tools and platforms so you don't have to buy any tool or app. You are going to learn how to run an Android and IOS simulator on your MAC or Windows computer. Besides, with the Expo app, you will be able to run your apps on your own mobile device as well.

Later on the course, we are going to learn the basics of React and React Navigation. JSX, 'props system' and 'state system' are going to be crystal clear for you at the end of the course. We are going to create nice-looking reusable components. You are going to be able to use these reusable components in your own future projects. You are going to go to different screens from the app with React navigation.

Finally, you are going to learn the latest React features "React Hooks and React Context" system. We are going to create two nice-looking app, teach you "Hooks and Context" in a very detailed way. You are going to learn how to use "state" in functional components with the "Hooks" system and with "Context API" you won't need any third-party package to manage the Application state.

React is an essential Javascript framework for web development. It is the most popular framework for developing web, mobile, and desktop app user interfaces.

Whether you’re interested in adding React to your existing dev skillset, or you want to develop full-stack web apps by using tools like NodeJS, Redux, and MongoDB in conjunction with React, Udemy has a comprehensive selection of courses to choose from.

We tried to tell all complex topics in very detail on the course. We used some diagrams to tell some important topics and created a nice-looking mobile application. We showed two different ways to create a mobile app. We showed both react-native-cli and expo-cli in our course.

At the end of the course;

• Basics of React, React-Native, React-Navigation libraries

• How to send an HTTP request from a mobile application

• How to use flex-box system

• How to create reusable components

• To reach another app on the device from our app

• Creating your own mobile app both with react-native-cli and expo-cli

• Creating Context with Class Based and Functional Components

• How to Consume Context in Class-Based and Functional Components

• How to Use Multiple Context in one single component

• Hooks Functions(useState, useEffect, useReducer, useContext...)

• Creating Reducer and

• Using Reducer is going to be clear for you.

• React and react-native full course with router, hooks and context

• React-native firebase, react native web, react native cli, react native expo, react native android and ios

• The complete React native with router, hooks and contexts

• Learn mobile development

Why would you want to take this course?

Learning React Native is a great avenue through which to gain experience developing mobile apps. Udemy features top-rated React Native courses that take you through every level of the React Native framework, so that you can start writing better apps, faster.

Our answer is simple: The quality of teaching.

OAK Academy based in London is an online education company. OAK Academy gives education in the field of IT, Software, Design, development in English, Portuguese, Spanish, Turkish, and a lot of different language on Udemy platform where it has over 1000 hours of video education lessons. OAK Academy both increase its education series number by publishing new courses, and it makes students aware of all the innovations of already published courses by upgrading.

When you enroll, you will feel the OAK Academy`s seasoned developers' expertise. Questions sent by students to our instructors are answered by our instructors within 48 hours at the latest.

No prior knowledge is needed!

It doesn't need any prior knowledge to learn it and React is easy to understand for beginners.

This course starts with very basics. First, you will learn how to install the tools, some terminology. Then the show will start and you will learn everything with hands-on practice. I'll also teach you the best practices and shortcuts.

Step-by-Step Way, Simple and Easy With Exercises

By the end of the course, you’ll have a firm understanding of React and valuable insights on how things work under the hood and you'll also be very confident in the basics of coding and game development, and hungry to learn more. The good news is since the Free and popular tools are used you don’t need to buy any tool or application.

What is React Native?

Created by Facebook, React Native is an open-source-based mobile application framework that uses only JavaScript, making it capable of supporting both Android and iOS platforms. React, also known as React.js, saves time and effort for developers since they only need one programming language. The Native element allows developers to create JavaScript components to design software programs that run on various devices and platforms, such as smartphones, smart TVs, and laptops. With React Native, developers use the same concepts used in the original React framework to design a rich mobile user interface (UI) for various environments from existing components.

What is the difference between React Native and Google Flutter?

Google Flutter offers developers a UI toolkit that has some similarities to React Native. Flutter also has a native component and compiles web, mobile, and desktop applications from a single collection of source codes. Relying on existing code, Flutter is also a free and open-source framework for developers. Until this point, the two frameworks might sound similar. However, React Native is based on and only uses JavaScript, while Flutter only has a loose connection to the language. Google Flutter primarily uses a new language called Dart.

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

• Seeing clearly

• Hearing clearly

• Moving through the course without distractions

You'll also get:

Lifetime Access to The Course

Fast & Friendly Support in the Q&A section

Udemy Certificate of Completion Ready for Download

Dive in now to our React Native Complete Course with Router, Hooks and Context course

We offer full support, answering any questions.

See you in the course!

• Programmers who want to learn React and React Native
• Anyone who wants to learn React Hooks & Class-based Components
• Anyone who wants to create mobile applications with both react-native-cli and expo-cli
• Anyone who has basic HTML, CSS and JavaScript knowledge and wants to learn how to create complex applications
• Anyone who wants to create mobile applications for both Android and IOS
• People who are planning a career in the react native application world
• Developers who have researched React but have had trouble mastering some concepts
• Anyone who want to start from scratch and to move more advanced level
• Anyone planning a job transformation and wants to become a React developer
• Anyone who want to take their web development skills to the next level and learn a future-proof technology
• Developers with a background in React Native might work in full-stack development, designing and refining web-based games, websites, mobile apps, and more.

• No prior React and React-Native knowledge, you learn complete react native
• JavaScript + HTML + CSS fundamentals are absolutely required but you don't need to be an expert any programming languages
• Basic ES6 knowledge would be beneficial but not required
• Desire to learn React Native
• Computer with access to the internet
• Desire to learn react native hooks, react native context, react native cli, react native expo
• Desire to learn mobile app development
• Nothing else! It’s just you, your computer and your ambition to get started today
• LIFETIME ACCESS, course updates, new content, anytime, anywhere, on any device

Currently there are no Q&As for this course. Be the first to ask a question.

Reed courses certificate of completion

Digital certificate - Included